<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">

<script>

	var URI="[URL]";

	function convertSpaces(s){ 
		for(var i=0; i<s.length; i++){
			if(s[i] == ' ')
				s = s.substring(0,i) + "+" + s.substring(i+1);
		}
		return s;
	}
	
	function convertPlus(s){ 
		for(var i=0; i<s.length; i++){
			if(s[i] == '+')
				s = s.substring(0,i) + " " + s.substring(i+1);
		}
		return s;
	}

	function search(){
		var query=document.getElementById("text").value;
		if (query!=""){
			window.location = URI+"/search?query="+convertSpaces(query)+"&page=0";
		}	
	}

</script>
	
<title>Learning Content Models for Semantic Search Project</title>

<style type="text/css">

h1 {
	display: block;
	background-color: #B9C9FE;
	letter-spacing: 0.3em;
	color: #0033BC;
	text-align: center;
}

h2 {
	display: block;
	background-color: #E8EDFF;
	letter-spacing: 0.3em;
	color: #666699;
	text-align: center;
}

#txtMessage {
	width: 628px;
}

</style>
</head>
<body>
<h1>Learning Content Models for Semantic Search</h1>
<h2>Search for articles</h2>

<div id="resultButtons" style="position: absolute; top: 120px; left: 20px;" align="center">

Enter Text:

<br />

<input type="text" id="text" name="query" value="" SIZE="200" style="align: center;">
<br />
<input id="btnSearch" type="button" value="Search" onclick="search()">

</div>
</body>
</html>
